<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>618促销 戴尔（DELL）5000商务办公本5471-R1545S网上商城,在线购买,正品行货-Z商城官网</title>
	<meta name="keywords" content="618促销 戴尔（DELL）5000商务办公本5471-R1545S网上商城, 618促销 戴尔（DELL）5000商务办公本5471-R1545S在线购买">
	<meta name="description" content="Z商城为您提供最全的618促销 戴尔（DELL）5000商务办公本5471-R1545S产品，网购618促销 戴尔（DELL）5000商务办公本5471-R1545S网上购买就在Z商城官网！">
	<link rel="stylesheet" type="text/css" href="./css/reset.css">
	<link rel="stylesheet" type="text/css" href="./css/detail.css">
</head>

<body>
	<!--导航栏-->
	<div class="topnav">
		<div class="wrapper clear">
			<div class="topnavleft">
				<a href="javascript:;">商城首页</a>
				<span>Hi~欢迎来到Z商城，请<a href="javascript:;">登录</a></span>
				<a href="javascript:;">免费注册</a>
			</div>
			<ul class="topnavright">
				<li><a href="javascript:;">我的订单</a></li>
				<li>
					<a href="javascript:;">买家中心<i></i></a>
					<ul>
						<li><a href="javascript:;">关注的店铺<em>30</em></a></li>
						<li><a href="javascript:;">关注的商品<em>48</em></a></li>
					</ul>
				</li>
				<li><a href="javascript:;">购物车0件</a></li>
				<li><a href="javascript:;">帮助中心</a></li>
				<li>|</li>
				<li><a href="javascript:;">手机商城<i></i></a></li>
				<li><a href="javascript:;">中关村在线</a></li>
				<li><a href="javascript:;">招商合作</a></li>
				<li><a href="javascript:;">联系客服<i></i></a></li>
			</ul>
		</div>
	</div>
	<!--搜索框-->
	<div class="top">
		<div class="wrapper clear">
			<div class="sclogo">
				<a href="javascript:;"><img src="../img/logo.png"></a>
			</div>
			<div class="scssk">
				<form>
					<input type="text" placeholder="找找您想要的商品" class="ssk">
					<input type="submit" value="搜索" class="ss">
				</form>
				<div class="cxwz">
					<a href="javascript:;">戴尔限时促销</a>
					<a href="javascript:;">三星Note8</a>
				</div>
			</div>
			<div class="scxx">
				<a href="javascript:;">我的订单<i></i></a>
				<a href="javascript:;">我的优惠券<i></i></a>
				<a href="javascript:;">购物车<i></i><em>0</em></a>
			</div>
		</div>
	</div>
	<!--信息栏头-->
	<div class="nav">
		<div class="wrapper">
			<ul class="hdnav clear">
				<li><a href="javascript:;">首页</a></li>
				<li><a href="javascript:;">团购</a></li>
				<li><a href="javascript:;">电子竞技</a></li>
				<li><a href="javascript:;">本地优选</a></li>
				<li><a href="javascript:;">家电优选</a></li>
			</ul>
			<!--下拉分类-->
			<div class="sdnav">
				<div class="qbfl">
					全部分类<i></i>
				</div>
				<div class="fenlei">
					<div class="fenleibox">
						<div class="shouji">
							<h3><a href="javascript:;">手机</a><i></i></h3>
							<i class="i1"></i>
						</div>
						<div class="diannao">
							<h3><a href="javascript:;">电脑</a><i></i></h3>
							<i class="i2"></i>
						</div>
						<div class="diy">
							<h3><a href="javascript:;">DIY</a><i></i></h3>
							<i class="i3"></i>
						</div>
						<div class="shuma">
							<h3><a href="javascript:;">数码</a><i></i></h3>
							<i class="i4"></i>
						</div>
						<div class="waishe">
							<h3><a href="javascript:;">外设</a><i></i></h3>
							<i class="i5"></i>
						</div>
						<div class="zhineng">
							<h3><a href="javascript:;">智能</a><i></i></h3>
							<i class="i6"></i>
						</div>						
					</div>
					<div class="fenleitab">
						
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--静态图片详情-->
	<!--无js效果，js没处理好-->
	<div class="main wrapper">
		<div class="maintop">
			<a href="javascript:;">首页</a>
			<a href="javascript:;">笔记本电脑</a>
			<span>戴尔</span>
		</div>
		<div class="mainbottom clear">
			<div class="mainbottomleft">
				<div class="mbtmll">
					<div id="spic">
			            <img src="./img/10.jpg" alt="">
			            <div id="sf"></div>
			        </div>
			        <div id="bf">
			            <img src="./img/10.jpg" alt="" id="bpic">
			        </div>
					<div id="ulist">
			            <div id="list">
			                <ul>
			                    <li><img src="./img/8.jpg" alt=""></li>
			                    <li><img src="./img/9.jpg" alt=""></li>
			                    <li><img src="./img/10.jpg" alt=""></li>
			                    <li><img src="./img/8.jpg" alt=""></li>
			                    <li><img src="./img/8.jpg" alt=""></li>
			                </ul>
			            </div>
		        	</div>
				</div>
				<div class="mbtmlr">
					<h3>
						佳能 EOS M6套机(15-45mm IS STM)
						<span>年中618大促 逛店享好礼 14英寸！第8代处理器，128GSSD+1TB硬盘 8G内存 4G独显</span>
					</h3>
					<div class="d-price">
						<span class="sp1">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</span>
						<span class="sp2">¥<em>4099.00</em></span>
					</div>
					<div class="d-info">
						<div class="d-infoinfo">
							<div class="type">
								<span class="sp1">商品颜色：</span>
								<span class="sp2">银色<i></i></span>
							</div>
							<div class="suit">
								<span class="sp1">套&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;装：</span>
								<span class="sp2">官方标配<i></i></span>
								<div class="suitinfo">
									按宝贝出厂装箱单为准【顺丰包邮】
								</div>
							</div>
							<div class="goumai">
								购买数量：<input type="text" class="shuliang" id="count">件
							</div>
							<div class="anniu clear">
								<a href="javascript:;" class="lkgm">立刻购买</a>
								<a href="javascript:;" class="jrgwc">加入购物车</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="mainbottomright"></div>
		</div>
	</div>
</body>
</html>